


        main{
            padding-bottom: 200px;
        }
        main .pageHead{
            padding: 25px 0px;
            background: #dededf;
        }
        main .pageHead .contn{
            position: relative;
        }
        main .pageHead .contn,
        main .contact{
            width: 1640px;
            margin: 0 auto;
        }
        main .pageHead .contn>img{
            display: block;
            width: 100%;
            height: auto;
        }
        main .pageHead .contn .tp{
            z-index: 2;
            overflow: hidden;
            clip-path: polygon(0% 0%,66% 0%,33% 100%,0% 100%);
        }
        main .pageHead .contn .tp img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            transform: translateX(-30px);
        }
        main .pageHead .contn .t{
            position: absolute;
            width: 100%;
            top: 100px;
            z-index: 2;
            text-align: center;
            font-weight: bold;
            font-size: 76px;
            padding-bottom: 100px;
            transform: translateY(60px);
            opacity: 0;
            transition: opacity .6s,transform .6s;
        }
        main .pageHead.frozen .contn .t{
            opacity: 1;
            transform: translateY(0px);
        }
        main .pageHead .contn .t::before,
        main .pageHead .contn .t::after,
        main .pageHead .contn .t span::before{
            content: '';
            position: absolute;
            bottom: 0px;
            width: 9px;
            height: 9px;
            border: 2px solid #bdb297;
            left: calc(50% - 8px);
            transform: rotate(45deg);
            transition: margin .5s .6s;
        }
        main .pageHead.frozen .contn .t::before{
            margin-left: -10px;
        }
        main .pageHead.frozen .contn .t::after{
            margin-left: 10px;
        }

        main .contact{
            margin-top: 40px;
            justify-content: space-between;
        }
        main .contact .methods{
            padding-top: 50px;
            padding-left: 20px;
            padding-right: 40px;
        }
        main .contact .methods .item{
            margin-bottom: 120px;
        }
        main .contact .methods .loc{
            font-size: 18px;
        }
        main .contact .methods ul{
            padding-left: 25px;
            font-size: 14px;
            margin-top: 30px;
        }
        main .contact .methods ul li{
            margin-bottom: 20px;
        }
        main .contact .methods ul li .more span{
            padding: 0px 18px;
            font-size: 12px;
        }

        main .contact .form{
            width: 980px;
        }
        main .contact .form .heading{
            background: #ededed;
            position: relative;
            height: 100px;
            font-size: 14px;
            letter-spacing: 3px;
        }
        main .contact .form .heading p{
            background: #fff;
            line-height: 1;
            position: absolute;
            left: 200px;
            bottom: 0px;
            padding: 22px 60px;
            color: #c0b594;
        }
        main .contact .form form{
            margin-top: 125px;
            padding: 0px 40px;
        }
        main .contact .form form .formGroup{
            margin-bottom: 40px;
            border-bottom: 1px solid #d2d2d4;
            position: relative;
            font-size: 18px;
            color: #aeaeae;
        }
        main .contact .form form .formGroup input{
            line-height: 30px;
            color: #aeaeae;
        }
        main .contact .form form .formGroup span{
            line-height: 30px;
            position: absolute;
            top: 0px;
            left: 0px;
            transition: transform .3s ease;
            pointer-events: none;
        }
        main .contact .form form .formGroup span.lft{
            transform: translateX(calc(-100% - 10px));
        }
        main .contact .form form .formGroup textarea{
            height: 180px;
            line-height: 30px;
        }
        main .contact .form form .muchMore{
            color: #000;
            margin: 0px;
            margin-top: 100px;
            cursor: pointer;
        }
        main .contact .form form .muchMore:hover{
            color: #fff;
        }
        
        

        @media(max-width:1690px){
            main{
                padding-bottom: 160px;
            }
            main .pageHead .contn,
            main .contact{
                width: 100%;
            }
            main .pageHead{
                padding: 25px;
            }
            main .contact{
                padding: 0px 25px;
            }
        }
        @media(max-width:1600px){
            main .pageHead.frozen .contn .t{
                font-size: 60px;
                top: 80px;
                padding-bottom: 80px;
            }
            main .contact .form .heading{
                height: 90px;
            }
            main .contact .form .heading p{
                padding: 17px 50px;
                left: 160px;
            }
            main .contact .form form .formGroup{
                font-size: 16px;
            }
        }
        @media(max-width:1200px){
            main{
                padding-bottom: 120px;
            }
            main .pageHead.frozen .contn .t{
                font-size: 52px;
                top: 50px;
                padding-bottom: 50px;
            }
            main .contact .methods .item{
                margin-bottom: 90px;
            }
            main .contact .form form{
                margin-top: 90px;
            }
        }
        @media(max-width:1024px){
            main{
                padding-bottom: 100px;
            }
            main .pageHead.frozen .contn .t{
                font-size: 48px;
                top: 40px;
                padding-bottom: 40px;
            }
            main .contact{
                display: block;
            }
            main .contact .methods{
                padding: 0px 15px;
                padding-top: 30px;
                overflow: hidden;
            }
            main .contact .methods ul{
                margin-top: 20px;
            }
            main .contact .methods ul li{
                margin-bottom: 10px;
            }
            main .contact .methods .item{
                width: calc(50% - 15px);
                float: left;
                margin-bottom: 0px;
            }
            main .contact .methods .item:first-child{
                margin-right: 30px;
            }
            main .contact .form{
                width: 100%;
                margin-top: 80px;
            }
            main .contact .form .heading{
                height: 80px;   
            }
            main .contact .form .heading p{
                left: 25px;
                padding: 17px 40px;
                font-size: 14px;
            }
            main .contact .form form{
                margin-top: 40px;
                padding: 0px 25px;
            }
            main .contact .form form .formGroup{
                font-size: 14px;
            }
            main .contact .form form .formGroup span.lft{
                transform: translateY(-100%);
            }
            main .contact .form form .formGroup textarea{
                height: 120px;
            }
            main .contact .form form .muchMore{
                margin-top: 85px;
            }
        }

        @media(max-width:767px){
            main{
                padding-bottom: 85px;
            }
            main .pageHead.frozen .contn .t{
                font-size: 42px;
                top: 35px;
                padding-bottom: 35px;
            }
            main .contact .methods{
                padding: 0px;
            }
            main .contact .methods .loc{
                font-size: 16px;
            }
            main .contact .form form .formGroup textarea{
                height: 90px;
            }
            main .contact .form form .muchMore{
                margin-top: 75px;
            }
        }

        @media(max-width:570px){
            main .pageHead{
                padding: 0px;
                padding-top: 20px;
                padding-bottom: 10px;
            }
            main .pageHead .contn{
                height: 260px;
            }
            main .pageHead .contn>img{
                height: 100%;
                object-fit: cover;
            }
            main .pageHead.frozen .contn .t{
                font-size: 32px;
            }
            main .contact .methods .item{
                width: 100%;
            }
            main .contact .methods .item:first-child{
                margin-right: 0px;
                margin-bottom: 40px;
            }

        }